.slider{ width:100%; margin:0 auto;  position:relative; overflow:hidden;   height:792px; background:#000;  }
.slider .bd{ position:relative; z-index:0;  }
.slider .bd li{ height:792px; overflow:hidden; }
.slider .bd li img{ display:block;  }
.slider .hd{width:100%;position:absolute;z-index:1;bottom: 21px;left:0;height:30px;line-height:30px;}
.slider .hd ul{ text-align:center;  }
.slider .hd ul li{
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 1;
    font-size:0;
    margin-right: 49px;
    cursor: pointer;
}
.slider .hd ul .on{ background:red  }
.slider .timer{ position:absolute; z-index:1; left:0; bottom:0; height:4px; width:0; background:#000; filter:alpha(opacity=40);opacity:0.4; font-size:0; overflow:hidden;   }
/*  */
.cpbg{
    height: 1434px;
    background: url(../images/cpbg.jpg) no-repeat center 0;
    padding-top: 16px;
    box-sizing: border-box;
}
.cpbg .t{
    padding: 30px 30px 0;
    overflow: hidden;
}
.cpbg .t h3{
    font-size: 54px;
    font-weight: bold;
    line-height: 54px;
    float: left;
}
.cpbg .t section{
    font-size: 14px;
    line-height: 27px;
    display: inline-block;
    width: 42%;
    margin-left: 50px;
}

/*  */
.cp{
    padding-top: 10px;
    overflow: hidden;
}
.cp ul li{border: 1px solid #d6d6d6;width: 24%;float: left;margin-bottom: 12px;transition: all 0.5s ease;margin-right: 1%;background: white;}
.cp ul li:nth-child(4n){ margin-right:0 !important;}
.cp ul li:hover{box-shadow:0 0 20px rgba(0,0,0,0.2)}
.cp ul li img{width: 260px;height: 260px;margin: 0 auto;display: block;padding-bottom: 16px;}
/*  */
.cp .t h4{
    font-size: 15px;
    line-height: 30px;
    color: #333f47;
}
.cp .t p{
    font-size: 34px;
    line-height: 34px;
    color: #1b1b1b;
    font-family: Impact;
    height: 34px;
}
.cp .con{
    padding: 0px 15px 35px;
    text-align: center;
}
.cp h5{
    color: #2f2f2f;
    font-size: 15px;
    line-height: 28px;
}
.cp .con p{
    color: #0e0e0e;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 25px;
    height: 22px;
    line-height: 25px;
}
.cp .imgbox{overflow: hidden;width: 86%;margin: 1px auto 10px;}
.cp .imgbox img{ transition: all 0.5s ease;}
.cp ul li:hover  .imgbox img{-moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.cpmore{width: 615px;text-align:center;margin: 0 auto; padding-top: 30px;}
.cpmore a{color:white;font-size: 21px;}
/*  */
 .more_box{text-align:center;margin-bottom: 15px;}
 .more_box .more{display:inline-block;padding:0 38px;height:41px;line-height:41px;text-align:center;border:1px solid #798186;font-size:16px;color:#333f47;position:relative;margin-left: 10px;}
 .more_box .more:first-child{margin-left:0px;}
 .more_box .more span{position:relative; z-index:3;}
 .more_box .more:after{content:''; width:0; height:100%; background:#333e46; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;}
 .more_box .more:hover{color:#f5a834; border-color:#333e46;}
 .more_box .more:hover:after{width:100%;}
/*  */
.ysbg{
    overflow: hidden;
    height: 720px;
    position: relative;
    z-index: 55;
    background: url(../images/ysbg.jpg) no-repeat center 0;
    box-sizing: border-box;
  
    }
.ysbg h2{ height: 205px;}
.ysbg h2{position: relative;text-align: center;line-height: 100%;color: #575757;font-size: 19px;font-weight: normal;background: url(../images/h21.png) no-repeat center 0;height: 180px;}
.ysbg h2 i{display: block;padding-top: 38px;padding-bottom: 14px;font-size: 49px;line-height: 100%;color: #2b2728;font-weight: bold;color: red;}
/*  */
.slideTxtBox{ width:450px; border:1px solid #ddd; text-align:left;  }
.slideTxtBox .hd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 10px 0 20px;   border-bottom:1px solid #ddd;  position:relative; }
.slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }
.slideTxtBox .hd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
.slideTxtBox .bd li{ height:24px; line-height:24px;   }
.slideTxtBox .bd li .date{ float:right; color:#999;  }

/*  */
.sl_iin{ overflow: hidden; height: 115px;}
.sl_iin ul{ overflow: hidden; margin: 0 15%;}
.sl_iin ul li{ float: left; width: 33.33%; color: #2b2728;  font-size: 24px; box-sizing: border-box; text-align: center;overflow: hidden;cursor: pointer;font-weight: bold; height: 82px;background:url(../images/s_li.png) no-repeat center 52px;}
.sl_iin ul li span{ display:block; height: 45px;background:url(../images/stx1.png) no-repeat center bottom; line-height: 100%;}
.sl_iin ul li:nth-child(2) span{background:url(../images/stx2.png) no-repeat center bottom;}
.sl_iin ul li:nth-child(3) span{background:url(../images/stx3.png) no-repeat center bottom;}
.sl_iin ul li.on{background:url(../images/s_li2.png) no-repeat center 52px; }
 /*  */
 .TBox {overflow: hidden;}

 
 .TBox .hd ul li.on a {color: #fefefe;display: block;height: 38px;line-height: 38px;background: #FF5722;width: 100%;display: block;}
 .TBox .bd{
    width: 1160px;
    margin: 0 auto;
}
 .TBox .bd ul { padding: 10px; }
 .TBox .bd ul img{
    float: left;
}
 .TBox .bd ul  section {
    margin-left: 97px;
    float: left;
    margin-top: 46px;
    width: 413px;
}
 .TBox .bd ul  section  h3{
    padding-left: 119px;
    background: url(../images/s_no1.jpg) no-repeat;
    height: 86px;
    border-bottom: 1px dashed #666;
    font-weight: normal;
    font-size: 21px;
    color: #000;
}
.TBox .bd ul  section  h3 i{
    display: block;
    color: #f98500;
    font-size: 28px;
    font-weight: bold;
    padding-bottom: 8px;
    line-height: 198%;
}
.TBox .bd ul  section  h3 span{}

 .TBox .bd ul  section  p{margin-top: 20px;padding-left: 20px;font-size: 18px;color: #666;background: url(../images/y_li.jpg) no-repeat 0 9px;line-height: 32px;}
 .ys_button{}
 /*  */
 canvas {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
  }
  .button {
    background: none;
    padding: 21px 42px;
    border-radius: 47px;
    position: relative;
    margin-top: 5px;
    display: inline-block;
    font-family: 'Glamour Absolute', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: white;
    text-decoration: none;
    /* border: 1px solid red; */
    z-index: 2;
    font-weight: 100;
    font-size: 30px;
    letter-spacing: 1px;
    margin: 6px;
  }
  /*  */
  /*  */
.aboutbg {overflow: hidden;height: 548px;background: url(../images/aboutbg.jpg);}
.about{width: 670px;margin-top: 65px;background: #fff;padding: 60px 75px;height: 321px;float: left;}
.about h3{
    font-size: 24px;
    color: #282828;
    font-weight: normal;
    margin-bottom: 20px;
}
.about p{
    height: 205px;
    margin-bottom: 10px;
    overflow: hidden;
    color: #505050;
    font-size: 14px;
    line-height: 26px;
}
.about a{color:white;font-size: 26px;padding: 12px 10px;}


/*  */
.anli2 { margin: 0 auto; text-align: center; overflow: hidden; margin-top: 28px; margin-bottom: 12px; }
.cplia {width: 3300px;overflow: hidden;animation: move 32s linear infinite normal;animation-fill-mode: forwards;margin-top: 56px;}
.cplia:hover { animation-play-state: paused; -webkit-animation-play-state: paused; }
.cplia li {float: left;list-style: none;overflow: hidden;width: 320px;height: 300px;margin-right: 12px;background: white;border-radius: 20px;}
.cplia li div { width: 252px; height: 252px; display: block; overflow: hidden;/* border: 1px solid #e6e2e2; */ margin: 0 auto; margin-top: 10px; }
.cplia img { display: block; height: 100%; margin: 0 auto; }
.cplia h3 { text-align: center; font-size: 14px; color: #000; display: block; margin-top: 6px; font-weight: 200; }
.cplia h3 a { color: #1e61b8; }
/*  */
/*  */
.pause { position: relative; height: 60px; display: inline-block; margin: 20px auto; text-align: center; }
.pause:before { position: absolute; content: ""; display: inline-block; width: 100px; height: 60px; left: 0px; line-height: 60px; font-size: 20px; color: #fff; margin: 0 20px; background: orange; border: none; border-radius: 20px; outline: none; }
 @keyframes move { 0% {
 transform:translateX(0px);
}
 100% {
 transform:translateX(-1200px);
}
}
.anli2 input { display: none; }
.anli2 input:checked ~ .con { animation-play-state: paused; -webkit-animation-play-state: paused; }
.anli2 input:checked ~ .pause:before { content: ""; }
/*  */
.heng_bj{height: 202px;width: 100%;background: #d00012;}
.heng_bj{padding-top: 40px;box-sizing: border-box;}
.num .item{height:122px;border-right:1px solid #ccc;float: left;text-align: center;width: calc(100%/4);box-sizing: border-box;}
.num .item h3{font-size:50px;color: #013fa4;font-weight: bold;text-align: center;}
.num .item h3 i{color: #fff;font-size: 40px;font-weight: bold;}
.num .item h3 em{font-size:24px;vertical-align: top;padding:0 10px;font-weight:normal;color: #fff;}
.num .item h3 span{font-size:22px;vertical-align: middle;font-weight:normal;color: #fff;margin-left: 8px;}
.num .item p{color: #575757;padding-top:10px;text-align: center;color: #fff;}
/*  */
/*  */
.pro{overflow: hidden;margin-top: 45px;}
.pro ul li {width: 336px;float: left;margin: 7px 6px;border: 1px #ede9e9 solid;text-align: center;background: white;}
.pro ul li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.5) }
.pro ul li div {width: 94%;height: 236px;overflow: hidden;margin: 0 auto;margin-bottom: 8px;margin-top: 12px;}
.pro ul li img {width: 100%;margin: 0 auto;display: block;}
.pro ul li span { text-align: center; font-size: 16px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #03A9F4; font-weight: 200; margin-bottom: 8px; display: block; }
.pro ul li span a {color: #211d1c;}
/*  */
.fanganbg{
    padding: 10px 0 22px;
}
.fanganbg .t{
    text-align: center;
    margin-top: 39px;
    margin-bottom: 27px;
}
.fanganbg .t h3{
    font-size: 36px;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 16px;
    color: #929292;
}
.fanganbg .t p{
    font-size: 17px;
    line-height: 36px;
    margin-bottom: 16px;
}
.fangan .left{
    width: 660px;
    float: left;
}
.fangan .left .top{
    margin-bottom: 26px;
    position: relative;
    overflow: hidden;
}
.fangan .left .top img{
    width: 100%;
}
.fangan .left .top section{
    /* font-size: 24px; */
    /* color: #fff; */
    /* padding: 0 40px 20px; */
    /* position: absolute; */
    /* bottom: -56px; */
    }
.fangan .left .top h3{
    font-size: 24px;
    color: #fff;
    margin-bottom: 10px;
}
.fangan .left .top p{
    font-size: 14px;
}
.fangan .left .list{}
.fangan .left .list ul li{position:relative;overflow:hidden;width: 48%;float: left;margin-right: 4%;height: 240px;}
.fangan .left .list img{
    width: 100%;
}
.fangan .left .list h3{}
.fangan .left .list p{}
/*  */
.cover{position:absolute;left:0;bottom:0;width:100%;background: url(../images/ipart02_bg.png) repeat bottom;padding-top: 16px;}
 .cover .box{font-size: 24px;color:#fff;padding: 0 25px 15px;bottom: 1px;}
 .cover .text{font-size: 12px;line-height: 21px;margin-top: 8px;}
.ac:hover .box{bottom: 37px;}
/*  */
.fangan .right{
    width: 680px;
    float: right;
    overflow: hidden;
}
.fangan .right .list{}
.fangan .right .list ul li{position:relative;overflow:hidden;width: 44%;float: left;margin-right: 3%;margin-bottom: 3%;}
.fangan .right .list img{
    width: 100%;
}
.fangan .right .top{
    margin-bottom: 26px;
    position: relative;
    overflow: hidden;
    width: 622px;
    height: 240px;
    margin-top: 5px;
}
.fangan .right .top img{
    width: 100%;
    height: 100%;
}
.fangan{margin-bottom: 22px;width: 1360px;margin: 0 auto;overflow: hidden;}
/*  */
.fanganbg .tella{
    font-size: 52px;
    font-weight: bold;
    text-align: center;
    color: #fcb026;
}
.fanganbg .tella span{color:red}
/*  */
.cplistbg{
    padding: 22px 0;
    overflow: hidden;
}
.cplist{}
.cplist ul li{
    width: 450px;
    float: left;
    margin-right: 14px;
    text-align: center;
}
.cplist ul li div{
    width: 100%;
}
.cplist ul li div img{
    width: 100%;
}
.cplist ul li h3{
    font-size: 23px;
    line-height: 42px;
}
.tuij .w{width: 1200px;}
.tuij{overflow: hidden;background: url(../images/tjbg.jpg) no-repeat center 0;height: 765px;margin-bottom: -38px;}
.tuij h3{ float: left; padding: 72px 0 0 287px;font-weight: normal; width: 320px; line-height: 100%; color: #fff;}
.tuij h3 i{ display: block; line-height: 100%; font-size: 42px; padding-bottom: 19px;}
.tuij h3 em{ display: block; font-size: 20px; line-height: 30px;}
.tuij h3 em span{ display: block; padding-top: 10px;}
.tuij h3 em b{ color: #ff9010; font-size: 20px; font-style: italic; padding-right:9px;}
.tuij ul{ float: right; width: 557px; padding-top: 71px;}
.tuij ul li{ padding-left: 117px; height: 135px;background: url(../images/pro1.png) no-repeat left 0;}
.tuij ul li:nth-child(2){background: url(../images/pro2.png) no-repeat left 0;}
.tuij ul li:nth-child(3){background: url(../images/pro3.png) no-repeat left 0;}
.tuij ul li:nth-child(4){background: url(../images/pro4.png) no-repeat left 0;}
.tuij ul li i{ display: block; font-size: 22px; color: #fff; font-weight: bold; padding-top: 10px; padding-bottom: 5px; line-height: 100%;}
.tuij ul li i strong{ color: #ff9010; padding-left: 7px;}
.tuij ul li em{ display: block; line-height: 24px; font-size: 15px; color: #dcdcdc;}
/**/
.liy .w{width: 1200px;}
/**/
.liy{background: url(../images/ly.jpg) no-repeat center 0;height: 372px;margin-bottom: -38px;overflow: hidden;margin-top: 24px;}
.liy h3{ padding: 150px 0 0 45px; width: 316px; float: left;font-weight: normal; color: #2b2728; font-size: 14px; line-height: 100%;}
.liy h3 i{ display: block; font-size: 20px; color: #2b2728; font-family: arile; line-height: 100%; padding-top: 3px;}
.liy ul{ position: relative; margin-top: 88px; float: left;}
.liy ul li{ background: #fff; width: 218px; height: 40px; border-radius: 5px; margin-bottom: 13px; overflow: hidden; line-height: 40px; font-size: 16px; color: #676767;}
.liy ul li i{ display: inline-block; float:left; padding-left: 20px; width: 55px;}
.liy ul li input{ display: inline-block; float: left; background: none; border: none; height: 40px; outline: none; width: 141px;}
.liy ul .tj3{ position: absolute; left: 230px; top: 0; width: 352px; height: 94px;}
.liy ul .tj3 i{ width: 108px;}
.liy ul .tj3 textarea{height: 94px; border: none;width: 222px;line-height: 40px;}
.liy ul .tj4{ position: absolute; top: 16px; left: 595px; background: none; z-index: 5;width: 86px; height: 80px;}
.liy ul .tj4 button{ display: block; margin-bottom: 9px; width: 86px; height: 35px; line-height: 35px; border-radius: 5px; background: #fff; border: none; outline: none; cursor: pointer;}
.liy ul .tj4 button:last-child{ background: #ff9010; color: #fff;}
/*  */
.newsbg{
    background: url(../images/zjbg.jpg) no-repeat center bottom;
    overflow: hidden;
}
.news{
    overflow: hidden;
    padding-bottom: 66px;
}
.news .left{
    width: 500px;
    float: left;
    overflow: hidden;
}
.news .left .v{background: #f9f6f6;overflow: hidden;padding-bottom: 21px;}
.videolist>img{ width:100%}
.news .left h3{font-size: 24px;line-height: 65px;color: #191111;}
.news .right{
    float: right;
    width: 882px;
}
.news .right ul li{
    width: 819px;
    margin: 0 auto;
    padding: 12px;
    overflow: hidden;
    margin-bottom: 9px;
    margin-top: 1px;
    box-shadow: 0 0 7px rgba(167, 162, 162, 0.5);
    background: white;
}
.news .right ul li:hover{box-shadow: 0 0 6px rgba(241, 80, 80, 0.5);background: #efeccd40;}
.news .right ul li>div{
    width: 150px;
    height: 120px;
    float: left;
    overflow: hidden;
    border: 1px solid #e3dfdf;
}
.news .right ul li img{height: 100%;}
.news .right ul li section{
    width: 650px;
    float: left;
    margin-left: 12px;
}
.news .right ul li h4{
    font-size: 16px;
    color: #FF5722;
    line-height: 33px;
    background: #f3eded;
    text-indent: 8px;
}
.news .right ul li p{
    line-height: 30px;
    font-size: 14px;
}
/*title*/
.title{text-align: center;margin-top: 1px;margin-bottom: 36px;}
.title p{text-align: center;margin-top: 8px;font-size: 16px;}
.title_box{text-align: center;}
.title_box h3{display: inline-block;font-size: 40px;font-weight: bold;color: #333;}
.title_bao{width: 202px;height: 46px;background: #f6a901;border-radius: 30px;margin: 0 auto;display: inline-block;}
.title_box i{color: #fff;font-size: 36px;font-weight: bold;text-align: center;line-height: 52px;width: 100%;height: 100%;display: inline-block;text-align: center;line-height: 46px;}
/*  */
.videolist {position:relative;float:left;width: 470px;margin-top:15px;margin-left: 15px;text-align: center;background: #ffffff;}
.videolist:hover{ cursor: pointer; }
.videoed {display: block !important;width: 86px;height: 83px;position: absolute;left: 178px;top: 118px;z-index:99;border-radius:100%;color: white;font-size: 103px !important;}
.videos{display:none;position:fixed;left: 26%;top: 15%;z-index:100;}
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
/*  */
.trans8 { transition: all 0.6s ease; }
.trans8:hover { transform: translateY(10px) }
/*  */
.t1{height: 308px;background: url(../images/t11.png) no-repeat;}
.t2{height: 308px;background: url(../images/t22.png) no-repeat;}
.t1 a{display: block;width: 100%;height: 100%;}
.t2 a{display: block;width: 100%;height: 100%;}
/*  */
.aa1{width: 688px !important;height: 442px;overflow: hidden;}
.aa1 img{
    width: 100% !important;
    height: auto !important;
}
/*  */
.jmbg{padding: 41px 0 32px;}
.ipart06 .left{width:50%; float:left; position:relative;}
.ipart06 .left .bg{position:absolute; top:0; left:0; right:0; bottom:0; background:#d8d8d8;}
.ipart06 .left .bg:after{content:''; width:0; height:100%; position:absolute; left:0; top:0; transition:width 500ms cubic-bezier(0.215, 0.61, 0.355, 1); background:#ccd3d5; opacity:0; visibility:hidden;}
.ipart06 .left .box{display:block; padding-left:9.375%; position:relative; z-index:2;}
.ipart06 .left .box .intro{color:#333f47; padding:62px 0 50px;}
.ipart06 .left .box .intro .tit{font-size:32px; line-height:1; font-weight:bold; margin-bottom:16px;}
.ipart06 .left .box .intro .con{font-size:15px; line-height:26px; font-weight:lighter;}
.ipart06 .left .box .intro .arrows{width:33px; height:27px; background:url(../images/ipart06_jt.png) no-repeat; position:absolute; right:126px; top:50%; margin-top:-13px; transition:right 500ms cubic-bezier(0.215, 0.61, 0.355, 1);}

.ipart06 .left:hover .bg:after{width:100%; opacity:1; visibility:visible;}
.ipart06 .left:hover .box .intro .arrows{right:90px;}
.ipart06 .right{width:50%; float:right; position:relative; z-index:2;}
.ipart06 .right .bg{position:absolute; top:0; left:0; right:0; bottom:0; background:#fcb026;}
.ipart06 .right .bg:after{content:''; width:0; height:100%; position:absolute; left:0; top:0; transition:width 500ms cubic-bezier(0.215, 0.61, 0.355, 1); background:#eaa21f; opacity:0; visibility:hidden;}
.ipart06 .right .box{display:block; padding-right:9.375%; padding-left:46px; position:relative; z-index:2;}
.ipart06 .right .box .intro{color:#fff; padding:62px 0 50px;}
.ipart06 .right .box .intro .tit{font-size:32px; line-height:1; font-weight:bold; margin-bottom:16px;}
.ipart06 .right .box .intro .con{font-size:15px; line-height:26px; font-weight:lighter;}
.ipart06 .right .box .intro .arrows{width:33px; height:27px; background:url(../images/ipart06_jt.png) no-repeat -33px 0; position:absolute; right:126px; top:50%; margin-top:-13px; transition:right 500ms cubic-bezier(0.215, 0.61, 0.355, 1);}

.ipart06 .right:hover .bg:after{width:100%; opacity:1; visibility:visible;}
.ipart06 .right:hover .box .intro .arrows{right:90px;}
/*@media only screen and (max-width:1240px){
  .ipart02 .content {height:600px;}
  .ipart02 .content .li{height:600px;}
  .ipart02 .content .li_box{left:20px; right:20px;}
  .ipart02 .content .li.active .li_box{bottom:150px;}
  .ipart02 .content .li.active .li_box .tit{font-size:40px; line-height:40px;}
  .ipart02 .content .li.a